<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="<%=request.getContextPath()%>/css/demo.css" rel="stylesheet"
	type="text/css" />
<script src="<%=request.getContextPath()%>/js/scripts/boot.js"
	type="text/javascript"></script>
<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
    <title>驾驶人信息数据展示</title>
</head>
<body>
    <h1>已注册驾驶员数量统计图表</h1>
    <input type="button" value="OpenChart" onclick="showChartWindow()" />
    <div id="win1" class="mini-window" title="单位（人）" style="width:580px;height:450px;"
         showToolbar="false" showFooter="true" showModal="true" allowResize="true">

        <div  id="chartContainer" style="height:100%;width:100%;">></div>

	
    </div>
    
</body>
</html>

<script type="text/javascript">
    mini.parse();

    var option = {
    	    xAxis: {
    	        type: 'category',
    	        data: ['2011', '2012', '2013', '2014', '2015', '2016','2017']
    	    },
    	    yAxis: {
    	        type: 'value'
    	    },
    	    series: [{
    	        data: [110943, 140899, 150908, 168874, 173211, 179842, 192323],
    	        type: 'line'
    	    }]
    	};


    function buildChart() {

        var chart = echarts.init(document.getElementById('chartContainer'));
        chart.setOption(option);
    }
    function showChartWindow() {
        var win = mini.get("win1");
        win.show();
        buildChart();
    }
    showChartWindow()
</script>